import React from "react";
import { Toast, NavBar } from "react-vant";
import { useNavigate } from "react-router-dom";
function Zhifu() {
  const navigate = useNavigate();
  return (
    <div>
      <div>
        <NavBar title="支付" onClickLeft={() => navigate(-1)} />
      </div>
      <div>
        <img style={{width: "100%", height: "200px"}} src="https://img0.baidu.com/it/u=3880149223,1334698830&fm=253&fmt=auto&app=120&f=JPEG?w=524&h=327" alt="" />
        <h2 style={{textAlign: "center"}}>支付成功</h2>
        <button onClick={() => navigate('/')} style={{width:'200px', height:'50px', marginLeft:'25%', backgroundColor:'red', color:'white', borderRadius:'10px',}}>返回首页</button>
      </div>
    </div>
  );
}

export default Zhifu;
